﻿<%@ Page Title="" Language="C#" MasterPageFile="~/IcaGamesMaster.master" AutoEventWireup="true"
    CodeFile="Cart.aspx.cs" Inherits="Cart" EnableEventValidation="true" %>

<%@ Register Src="~/controls/usercontrols/Error.ascx" TagPrefix="uc" TagName="Error" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cpContentHead" runat="Server">
    <table class="tableHead">
        <tr>
            <th>
                <asp:Label ID="lblPageHeader" runat="server" Text="Winkelwagen" />
            </th>
        </tr>
    </table>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cpContent" runat="Server">
    <asp:Panel ID="pnlErrors" runat="server" Visible="false">
        <table class="contentTable">
            <tr>
                <td align="center" colspan="3">
                    <uc:Error ID="ucErrors" runat="server" />
                </td>
            </tr>
        </table>
    </asp:Panel>
    <asp:Panel ID="pnlCart" runat="server">
        <table class="contentTable">
            <tr>
                <td>
                    Hieronder ziet u een overzicht van uw winkelwagen. Tevens heeft u hier de mogelijkheid
                    om artikelen aan de winkelwagen toe te voegen of te verwijderen.
                </td>
            </tr>
            <tr>
                <td style="padding-top: 10px">
                    <b>Let op:</b> Wanneer u al eerder een winkelwagen heeft samengesteld maar nog niet
                    betaald, dan zal deze hieronder worden weergegeven. De winkelwagen is helemaal up-to-date met alle,
                    door u toegevoegde, artikelen.
                </td>
            </tr>
            <tr>
                <td style="padding-top: 10px">
                    <asp:GridView ID="gvCart" AutoGenerateColumns="false" runat="server" GridLines="Horizontal"
                        ShowFooter="true" BorderStyle="Outset" CellPadding="1" CssClass="grid" OnRowDataBound="gvCart_RowDataBound">
                        <RowStyle CssClass="gridroweven" />
                        <AlternatingRowStyle CssClass="gridrowodd" />
                        <FooterStyle CssClass="gridfooter" />
                        <EmptyDataTemplate>
                            <b>Er zitten geen artikelen in uw winkelwagen.</b>
                        </EmptyDataTemplate>
                        <Columns>
                            <asp:TemplateField HeaderText="Artikelnaam" HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Left"
                                HeaderStyle-Width="30%">
                                <ItemTemplate>
                                    <asp:LinkButton ID="lbGameTitle" runat="server" CommandArgument='<%# Eval("GameNr") + "_" + Eval("Platform") %>'
                                        Text='<%# Eval("Title") %>' ToolTip='<%# Eval("DescriptionShort") %>' OnClick="ToGameDetails" />
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Platform" HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Left"
                                HeaderStyle-Width="15%">
                                <ItemTemplate>
                                    <asp:Label ID="lblGamePlatform" runat="server" Text='<%# Eval("Platform") %>' />
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Aantal" HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Left"
                                HeaderStyle-Width="8%">
                                <ItemTemplate>
                                    <asp:Label ID="lblGameAmount" runat="server" Text='<%# Eval("Amount") %>' />
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Prijs" HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Left"
                                HeaderStyle-Width="10%">
                                <ItemTemplate>
                                    <asp:Label ID="lblGamePrice" runat="server" Text='<%# Eval("Price") %>' />
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Subtotaal" HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Left"
                                HeaderStyle-Width="10%">
                                <ItemTemplate>
                                    <asp:Label ID="lblGameSubTotalPrice" runat="server" Text='<%# Eval("Price") %>' />
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Grootte" HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Left"
                                HeaderStyle-Width="15%">
                                <ItemTemplate>
                                    <asp:Label ID="lblGameSize" runat="server" Text='<%# Eval("GameSize") %>' />
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderStyle-Font-Bold="true" HeaderStyle-Width="2%">
                                <ItemTemplate>
                                    <asp:ImageButton ID="ibtnAdd" runat="server" ToolTip="Artikel toevoegen" ImageUrl="~/img/add.png"
                                        OnClick="AddGame" />
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderStyle-Font-Bold="true" HeaderStyle-Width="2%">
                                <ItemTemplate>
                                    <asp:ImageButton ID="ibtnDelete" runat="server" ImageUrl="~/img/delete.png" ToolTip="Artikel verwijderen"
                                        OnClick="RemoveGame" />
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>
                    </asp:GridView>
                </td>
            </tr>
            <tr>
                <td align="right" style="padding-top: 10px">
                    <asp:Button ID="btnClearCart" runat="server" CssClass="buttonRedLarge" ToolTip="Winkelwagen leegmaken"
                        Text="Legen" OnClick="ClearCart" />
                    <asp:Button ID="btnSaveOrder" runat="server" CssClass="buttonRedLarge" ToolTip="Bestelling afronden"
                        Text="Afrekenen" OnClick="SaveShoppingCart" />
                </td>
            </tr>
        </table>
    </asp:Panel>
    <asp:Panel ID="pnlRegister" runat="server" Visible="false">
        <table class="contentTableAlter">
            <tr>
                <td>
                    <p>
                        Als u nog geen account heeft, dient u zich eerst te registreren alvorens u de bestelling
                        kunt afronden. Dit kunt u doen door rechtsboven op de link "Registreren" te klikken.</p>
                    <p>
                        Als u al wel een account heeft, dient u eerst in te loggen. De bestelling wordt
                        vervolgens opgeslagen als u op de knop "Afrekenen" klikt. U kunt inloggen door rechtsboven
                        uw gegevens in te vullen en op de knop "Inloggen" te klikken.</p>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:LinkButton ID="lbBackToCart" runat="server" Text="Terug naar winkelwagen" OnClick="BackToCart" />
                </td>
            </tr>
        </table>
    </asp:Panel>
    <asp:Panel ID="pnlPayOrder" runat="server" Visible="false">
        <table class="contentTableAlter">
            <tr>
                <td style="padding-top: 10px" colspan="2">
                    Hieronder kunt u uw bestelling betalen. U ziet het bedrag dat u dient te voldoen.
                    U kunt de bestelling betalen door op de knop "Betalen" te klikken. Let op: Dit is
                    een fictieve betaling. Er wordt geen echte transactie uitgevoerd.
                </td>
            </tr>
            <tr>
                <td style="width: 25%">
                    <b>Te voldoen:</b>&nbsp;<asp:Label ID="lblTotalPrice" runat="server" />
                </td>
                <td align="left">
                    <asp:Button ID="btnDoPayment" runat="server" CssClass="buttonRedLarge" Text="Betalen"
                        OnClick="DoPayment" />
                </td>
            </tr>
        </table>
    </asp:Panel>
</asp:Content>
